<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>特别推荐</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<!--标准mui.css-->
	<link rel="stylesheet" href="../../css/utils/mui.min.css">
	<style>
		.mui-table-view .mui-media-object {
		    line-height: 60px;
		    max-width: 60px;
		    height: 60px;
		}
		.activity-title {
			font-size: 16px;
			color: #111;
		}
		.activity-abstracts {
			font-size: 14px;
			color: #666;
		}
	</style>
</head>
<body>
	<div class="mui-content">
		<ul class="mui-table-view">
			<!--<li class="mui-table-view-cell mui-media">
				<a href="javascript:;">
					<img class="mui-media-object mui-pull-left" src="../../img/login/logo2.png">
					<div class="mui-media-body">
						<div class="activity-title">活动标题</div>
						<div class="activity-abstracts mui-ellipsis-2">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</div>
					</div>
				</a>
			</li>-->
		</ul>
	</div>	
	<script type="text/javascript" src="../../js/utils/jquery-1.12.4.min.js" ></script>
	<script type="text/javascript" src="../../js/utils/mui.min.js" ></script>
	<script type="text/javascript" src="../../js/utils/boot.js?version=2" ></script>
	<script>
		$(function(){
			base.postData(base.url.getContentActivityList, {}, function(data){
				if (data.success) {
					initActivityList(data.context.contentActivityList);
				}
			});
		});
		function initActivityList(data) {
			var html = '';
			for (var i=0;i<data.length;i++) {
				html += '<li class="mui-table-view-cell mui-media">'+
						'	<a href="javascript:;">'+
						'		<input type="hidden" name="activityUrl" value="'+data[i].activityUrl+'" />'+
						'		<img class="mui-media-object mui-pull-left" src="'+data[i].imgUrl+'">'+
						'		<div class="mui-media-body">'+
						'			<div class="activity-title">'+data[i].title+'</div>'+
						'			<div class="activity-abstracts mui-ellipsis-2">'+data[i].abstracts+'</div>'+
						'		</div>'+
						'	</a>'+
						'</li>';
			}
			$(".mui-table-view").html(html);		
		}
		$(".mui-table-view").on("tap", ".mui-table-view-cell", function() {
			var activityUrl = $(this).find("input[name='activityUrl']").val();
			window.location.href=activityUrl;
		});
	</script>	
</body>
</html>
